<style type="text/css">
.select{
    border: 1px solid #e5e5e5;
    width: 20px;
    padding:4px 0 5px;
}
.select-box{
    width: 18%;
    display: inline-block;
}
.time-box{
    width: 33%;
    display: inline-block;
    margin-right: 37%;
}
.select-box .select{
    width: 55%;
}   

.time-box input{
    width: 47%;
}
.time-box>input,.time-box>span{
    display: inline;
}
.select-box2{
    width: 33%;
    display: inline-block;
    margin-right: 37%;
}
#btn_div{
   display: inline-block;
   width:8%;
   text-align: right;
  
}
.table-ifame{
    padding-left: 3%;
}  
#btn_query {
    width: 100%;
    margin-top: 0;
}
</style>
<div class="right planDataChange" style="background: #fff">
    <div class="title">
        预约数据
        <div>
            <a ng-class="{ta_selected:selectedTag=='count'}" 
                                            ng-click="changeTag('count');">预约次数</a>
            <a ng-class="{ta_selected:selectedTag=='time'}"
                                            ng-click="changeTag('time');">预约总时间</a>
            <a ng-class="{ta_selected:selectedTag=='amount'}"
                                            ng-click="changeTag('amount');">预约总费用</a>
        </div>
    </div>
    <div class="cb"></div>
    <div style="margin: 10px 0 20px">
    <div class="table-ifame">
         <div class="select-box">
            <select ng-model="searchType" class="select">
                <option value="1">按时间段选择</option>
                <option value="2">按年份选择</option>
            </select>
        </div>
        <div ng-show="searchType==1" class="time-box" >
            <input class="form-control getTime"  type="text" ng-readonly="true"
                                                ng-model="startDate" ng-change="dateIsChange=false"/>
            <span>~</span>
            <input class="form-control getTime"  type="text" ng-readonly="true"
                                                ng-model="endDate" ng-change="dateIsChange=false"/>
        </div>
        <div ng-show="searchType==2" class="select-box2">
            <select ng-model="selectedYear" style="height: 32px;width: 30%">
                <option value="2015">2015</option>
                <option value="2016">2016</option>
            </select>
        </div>
        <div id="btn_div">
            <button type="button" id="btn_query" class="btn btn-primary" ng-click="changeTag();">查询</button>
        </div>
    </div>
       
      

    </div>
      <div id="reserveSummary"  style="min-width:450px;height:300px;"></div>
</div>   
    <script>
$('.getTime').datetimepicker({
    language: 'zh-CN',
    pickTime: false,
    todayBtn: true,
    autoclose: true,
    minView: '2',
    forceParse: false,
    format: "yyyy-mm-dd"
});</script>